﻿
<!DOCTYPE html>
<html>
<head>
    <title>jQuery WeUI</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
   
    <link href="../plugins/weui/dist/lib/weui.min.css" rel="stylesheet" />
    <link href="../plugins/weui/dist/css/jquery-weui.min.css" rel="stylesheet" />

   <style>
       body, html {
  height: 100%;
  -webkit-tap-highlight-color: transparent;
}
.demos-title {
  text-align: center;
  font-size: 34px;
  color: #3cc51f;
  font-weight: 400;
  margin: 0 15%;
}

.demos-sub-title {
  text-align: center;
  color: #888;
  font-size: 14px;
}

.demos-header {
  padding: 35px 0;
}
   </style>
</head>

<body ontouchstart>

    <header class='demos-header'>
        <h1 class="demos-title">个人排班计划</h1>
    </header>

    <div id="inline-calendar">



    </div>
   
    <script src="../plugins/weui/dist/lib/jquery-2.1.4.js"></script>
    <script src="../plugins/weui/dist/lib/fastclick.js"></script>
 
    <script>
  $(function() {
    FastClick.attach(document.body);
  });
    </script>
    <script src="../plugins/weui/dist/js/jquery-weui.js"></script>
    <script>

        $("#inline-calendar").calendar({
            container: "#inline-calendar"
        });

    </script>
</body>

</html>
